{% load filter_tool %}
<!DOCTYPE html>
<html>
    <head>
        {% block title %}
          <title>{{ pagetitle }}</title>
        {% endblock %}
        
        <meta content="IE=edge" http-equiv="X-UA-Compatible">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="{{ STATIC_URL }}css/site.css?{% now "U" %}" rel="stylesheet" type="text/css" media="screen" />
        <link href="{{ STATIC_URL }}css/style.css?{% now "U" %}" rel="stylesheet" type="text/css" media="screen" />

        <link href="{{ STATIC_URL }}css/icollege.css?{% now "U" %}" rel="stylesheet" type="text/css" media="screen" />

        <link href="{{ STATIC_URL }}css/blog.css?{% now "U" %}" rel="stylesheet" type="text/css" media="screen" />
    <link href="{{ STATIC_URL }}css/ask.css?{% now "U" %}" rel="stylesheet" type="text/css" media="screen" />
     <link href="{{ STATIC_URL }}css/topic.css?{% now "U" %}" rel="stylesheet" type="text/css" media="screen" />
       <style type="text/css">

       </style>
    </head>
    <body>
    

        <div id="nav_wrap" >
            {% include 'home/nav.html' %}
        </div>

         <div id="main_wrap" >
            <div id="main">
              <div class="pic_college_column" >
                  <div class="column_item" >
                    <div class="pic" >
                      <img src="/img/univ/28991922618752718.jpg" width="250" height="300" />
                    </div>

                    <div class="info" >
                      <div class="itm tag" >
                      <a href="/photo/tag/">#摄影</a><a href="/photo/tag/">#色彩</a><a href="#">#静物</a><a href="/photo/tag/">#清新</a>
                     </div>
                     <div class="itm time" >
                      2012-05-12
                     </div>
                     <div class="itm hot" >
                      <a href="javascript:void(0)" >445 <i>♥</i></a>
                     </div>
                    </div>
                  </div>

                   <div class="column_item" >
                        <div class="pic" >
                          <img src="/img/univ/1092967334585012667.jpg" width="300" height="250" />
                        </div>

                        <div class="info" >
                          <div class="itm tag" >
                          <a href="/photo/tag/">#摄影</a><a href="/photo/tag/">#色彩</a><a href="#">#静物</a><a href="/photo/tag/">#清新</a>
                         </div>
                         <div class="itm time" >
                          2012-05-12
                         </div>
                         <div class="itm hot" >
                          <a href="javascript:void(0)" >445 <i>♥</i></a>
                         </div>
                        </div>
                  </div>

                  <div class="column_item" >
                        <div class="pic" >
                          <img src="/img/univ/2711729925647998688.jpg" width="250" height="300" />
                        </div>

                        <div class="info" >
                          <div class="itm tag" >
                          <a href="/photo/tag/">#摄影</a><a href="/photo/tag/">#色彩</a><a href="#">#静物</a><a href="/photo/tag/">#清新</a>
                         </div>
                         <div class="itm time" >
                          2012-05-12
                         </div>
                         <div class="itm hot" >
                          <a href="javascript:void(0)" >445 <i>♥</i></a>
                         </div>
                        </div>
                  </div>


                  <div class="column_item" >
                        <div class="pic" >
                          <img src="/img/univ/1566689720389068805.jpg" width="250" height="250" />
                        </div>

                        <div class="info" >
                          <div class="itm tag" >
                          <a href="/photo/tag/">#摄影</a><a href="/photo/tag/">#色彩</a><a href="#">#静物</a><a href="/photo/tag/">#清新</a>
                         </div>
                         <div class="itm time" >
                          2012-05-12
                         </div>
                         <div class="itm hot" >
                          <a href="javascript:void(0)" >445 <i>♥</i></a>
                         </div>
                        </div>
                  </div>
                  <!--end pic column-->
              </div>


              <div class="pic_college_column" >
                  <div class="column_item" >
                        <div class="pic" >
                          <img src="/img/univ/1566689720389068805.jpg" width="250" height="250" />
                        </div>
                        <div class="txt" >

                        </div>

                        <div class="info" >
                          <div class="itm tag" >
                          <a href="/photo/tag/">#摄影</a><a href="/photo/tag/">#色彩</a><a href="#">#静物</a><a href="/photo/tag/">#清新</a>
                         </div>
                         <div class="itm time" >
                          2012-05-12
                         </div>
                         <div class="itm hot" >
                          <a href="javascript:void(0)" >445 <i>♥</i></a>
                         </div>
                        </div>
                  </div>



                  <div class="column_item" >
                        <div class="pic" >
                          <img src="/img/univ/1566689720389068805.jpg" width="250" height="250" />
                        </div>
                        <div class="txt" >

                        </div>

                        <div class="info" >
                          <div class="itm tag" >
                          <a href="/photo/tag/">#摄影</a><a href="/photo/tag/">#色彩</a><a href="#">#静物</a><a href="/photo/tag/">#清新</a>
                         </div>
                         <div class="itm time" >
                          2012-05-12
                         </div>
                         <div class="itm hot" >
                          <a href="javascript:void(0)" >445 <i>♥</i></a>
                         </div>
                        </div>
                  </div>

                  <div class="column_item" style="border-bottom:none" >
                        <div class="pic" >
                          <img src="/img/univ/1331376639858949213.jpg" width="250" height="300" />
                        </div>
                        <div class="txt" >

                        </div>

                        <div class="info" >
                          <div class="itm tag" >
                          <a href="/photo/tag/">#摄影</a><a href="/photo/tag/">#色彩</a><a href="#">#静物</a><a href="/photo/tag/">#清新</a>
                         </div>
                         <div class="itm time" >
                          2012-05-12
                         </div>
                         <div class="itm hot" >
                          <a href="javascript:void(0)" >445 <i>♥</i></a>
                         </div>
                        </div>
                  </div>

                   <div class="column_item" style="border-bottom:none" >
                        <div class="pic" >
                          <img src="/img/univ/1014435816082709469.jpg" width="300" height="300" />
                        </div>
                        <div class="txt" >

                        </div>

                        <div class="info" >
                          <div class="itm tag" >
                          <a href="/photo/tag/">#摄影</a><a href="/photo/tag/">#色彩</a><a href="#">#静物</a><a href="/photo/tag/">#清新</a>
                         </div>
                         <div class="itm time" >
                          2012-05-12
                         </div>
                         <div class="itm hot" >
                          <a href="javascript:void(0)" >445 <i>♥</i></a>
                         </div>
                        </div>
                  </div>
                  <!--end pic column-->
              </div>
               <!--end main-->

             {% include 'public/icollege_nav.html' %}
              <div class="blog hide" style="font-size:12px" >
                <div class="list" >
                    <ul>
                        {% for a in articles %}
                            <li class="item" style="padding-bottom:0px" >
                              <div class="title" >
                                <h3><a href="/blog/{{ a.article.id }}?subject={{ one.id }}" >{{ a.article.title }}</a></h3>
                            </div> 
                               <div class="au" >
                                  {% if a.author.url %}
                                      <a href="/people/{{ a.author.url }}">{{ a.author.nickname }}</a>
                                    {% else %}
                                      <a href="/people/{{ a.author.id }}">{{ a.author.nickname }}</a>
                                    {% endif %}
                                    <span class='time' >{{ a.article.create_time|date:'Y-m-d H:i' }}</span>
                                </div>
                          
                            {% autoescape off %}
                            <div class="content" >
                                {{ a.article.content|cutwords_html:100 }}
                            </div>
                            <div style="text-align:right !important" >
                               <a class="viewall" style="font-size:12px;diplay:inline-block;margin-bottom:5px;" href="/blog/{{ a.article.id }}">查看全文</a>
                            </div>

                            {% endautoescape%}
                        </li> 
                        {% endfor %}
                    </ul>
                </div>
              </div>


              <div class="ask hide" style="font-size:12px" >
          {% for q in questions %}
               <div class="question" >
                  <div style="" >
                    {% if q.q.anonymity %}

                    {% else %}

                        {% if q.u.url %}
                           <a class="uh"  href="/people/{{ q.u.url }}">
                          <img title="{{ q.u.nickname }}" src="{{ avatar_url }}{{ q.u.head }}">
                        </a>
                        {% else %}

                         <a class="uh"  href="/people/{{ q.u.id }}">
                          <img title="{{ q.u.nickname }}" src="{{ avatar_url }}{{ q.u.head }}">
                        </a>

                        {% endif %}

                     {% endif %}
                   
                    <h2><a href="/question/{{ q.q.id }}" >{{ q.q.question }}</a><a href=""></a></h2>
                  </div>
                  
                  <div class="q_state" >
                        <h3>
                           {% if q.t %}
                           <span>
                               标签:
                               {% for s in q.t %}
                                  <a href="#" >{{ s.tag }}</a>
                               {% endfor %}
                            </span>
                           {% endif %}
                            {% if q.s %}
                           <span>
                               主题:
                               {% for s in q.s %}
                                  <a href="/ask/subject/{{ s.id }}/{{ s.subject }}" >{{ s.subject }}</a>
                               {% endfor %}
                            </span>
                           {% endif %}
                      </h3>
                      <span>{{ q.q.answer_count }}个答案</span>
                      <span style="margin-left: 15px;float:right;padding-top:2px" >{{ q.q.create_time|date:'Y-m-d  H:i' }}</span>
                  </div>
              </div>
          {% endfor %}
      </div>


         <div class="topic hide" >
                    <ul class="wrap_topic_ul">
                        {% for t in topics %}
                          <li id="t{{ t.p.id }}">


                            <h3 id='commentform{{ t.p.id }}' ><a href="/topic/{{ t.p.id }}">{{ t.p.topic }}</a></h3>

                            <div class="response" style="padding-top:5px" >

                              {% if t.t %}
                                 <span class="fl">
                                     标签:
                                     {% for s in t.t %}
                                        <a href="#" >{{ s.tag }}</a>
                                     {% endfor %}
                                  </span>
                                 {% endif %}
                                  {% if t.s %}
                                 <span class="fl">
                                     主题:
                                     {% for s in t.s %}
                                        <a href="/topic/subject/{{ s.id }}/{{ s.subject }}" >{{ s.subject }}</a>
                                     {% endfor %}
                                  </span>
                                 {% endif %}


                                <span class="topic_reply slidedown" ><a onclick='topicComments(this,{{ t.p.id }})' href="javascript:void(0)">回应</a></span>

                                <span >{{ t.p.comment_count }}条回应</span>
                                
                                <span class="topic_time" >{{ t.p.create_time|date:'Y-m-d H:i' }}</span>
                                
                                 <span class="au" >
                                   {% if a.author.url %}
                                    <a href="/people/{{ t.user.url }}">{{ t.user.nickname }}</a>
                                  {% else %}
                                    <a href="/people/{{ t.user.id }}">{{ t.user.nickname }}</a>
                                  {% endif %}
                                 </span>
                            
                            </div>

                             <div class="commentcontent" style="display: none;" >
                                <div class='loading' >
                                    <img src="{{ STATIC_URL }}image/ajax-loader.gif" width='22' height='22' >
                                    <span>
                                        正在加载,请稍后...
                                    </span>
                                </div>

                                <span class="topic_reply slideup" style="position: absolute;bottom: 10px;right: 10px;font-size: 12px;" ><a href="javascript:void(0)">收起</a></span>
                            </div>

                          </li>
                        {% endfor %}
                    </ul>
            </div>


            <div class="fr">
              <div class="event" >
                <h3>校内活动</h3>
                <div class="item" >
                  <span>女生节</span>
                  <img src="/img/univ/1014435816082709469.jpg" width="80" height="80" >
                  
                  <p ><span>时间:</span>2012-10-30</p>
                  <p><span>地点:</span>景行广场</p>
                  <p><span>活动介绍:</span>
                   问答分类标签bia我在univspot的问答 灿烂我回答的问题请我回答的问题我的收藏
                  </p>
                </div>

                <div class="item" >
                  <span>女生节</span>
                  <img src="/img/univ/1014435816082709469.jpg" width="80" height="80" >
                  <p ><span>时间:</span>2012-10-30</p>
                  <p><span>地点:</span>景行广场</p>
                  <p><span>活动介绍:</span>
                   问答分类标签bia我在univspot的问答 灿烂我回答的问题请我回答的问题我的收藏
                  </p>
                </div>
              </div>
            </div>



            </div>
            <!--end main_wrap-->
        </div>

        <script src="{{ STATIC_URL }}js/jquery-1.6.4.js" type="text/javascript" ></script>
        <script src="{{ STATIC_URL }}js/gl.js" type="text/javascript" ></script>
        <script type="text/javascript">
          $(".ask_nav a").click(function(){
            var id = $(this).attr("id");
            $(".hide").hide();
            $("."+id).show();
            $(this).siblings("a").removeClass("ana_focus_current");
            $(this).addClass("ana_focus_current");
          });
        </script>
    </body>
    </html>

                          

 